import React, { Component } from 'react';
import PropType from 'prop-types';
import './index.css';
import Item from '../Item/index';
export default class List extends Component {
  static propTypes = {
    todos: PropType.array.isRequired,
    updateTodo: PropType.func.isRequired,
    deleteTodo: PropType.func.isRequired,
  };
  render() {
    const { todos, updateTodo, deleteTodo } = this.props;
    return (
      <ul className='todo-main'>
        {todos.map((todo) => {
          return (
            <Item
              key={todo.id}
              {...todo}
              updateTodo={updateTodo}
              deleteTodo={deleteTodo}
            />
          );
        })}
      </ul>
    );
  }
}
